<!--
 * @FilePath: index.html
 * @Author: 苏苏少年
 * @Date: 2023-01-13 19:03:04
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>花海</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./font_e2iyric0v0j/iconfont.css">
    <link href="https://fonts.googlefonts.cn/css?family=Orbitron|Play" rel="stylesheet">
    <script src="./js/jQuery.min.js"></script>
    <script src="./js/index.js"></script>
</head>
<body>
    <div class="container">
        <span class="iconfont icon-shipinbofangshibofang sp1"></span>
        <span class="iconfont icon-xueyuan-shipinzanting sp2"></span>
        <video src="./video/aoteman.mp4"  ></video>
        <div class="control">
            <div class="top">
                <div class="left">
                    <span class="iconfont icon-shipinbofangshibofang play"></span>
                    <span class="iconfont icon-xueyuan-shipinzanting paused" style="display:none"></span>
                    <span class="currentTime">00:00</span><span>--</span><span class="duration">01:06</span>
                </div>
                <div class="right">
                    <span class="iconfont icon-shengyin_shiti volume_btn01"></span>
                    <span class="iconfont icon-24gf-volumeCross jingyin" style="display: none;"></span>
                    <span class="iconfont icon-love volume_btn02" style="display: none;">
                        <div class="volume">
                            <div class="volume_mask"></div>
                        </div></span>
                    <span class="iconfont icon-shipinbofangyequanping full_screen"></span>
                    <span class="iconfont icon-more more"></span>
                    <div class="list" style="display: none;">
                        <ul>
                            <li class="speed1">0.5倍</li>
                            <li class="speed2" class="active">1倍</li>
                            <li class="speed3">1.5倍</li>
                            <li class="speed4">2倍</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="bottom"> 
                <div class="progress_bar">
                    <span class="bar iconfont ">
                        <img src="./video/car.GIF" alt="">
                    </span>
                    <div class="mask">
                        <div class="green"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>